<script setup>
import { useRoute } from 'vue-router'
import HomeShopList from '@/views/home/components/HomeShopList.vue'
import router from '@/router/index'
const route = useRoute()
const query = route.query
console.log('<<<<<<<<<')
console.log(query)
console.log('>>>>>>>>>')

</script>

<template>
  <!-- nav -->
  <div class="nav">
    <van-icon name="cross" @click="router.go(-1)"/>
  </div>

  <div class="main">
    <van-image width="100%"
      src="https://img1.baidu.com/it/u=72302210,4110318778&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=888" />
    <HomeShopList :needLoadingMore="false" :showTitle="false" class="list" @didClickItem="onHandlerDidClickItem" />
  </div>
</template>

<style lang="scss" scoped>
.nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 90px;
  width: 100%;
  background-color: #fff;
  display: flex;
  z-index: 999;
  align-items: flex-end;

  .van-icon-cross:before {
    font-size: 20px;
    color: orange;
    padding-bottom: 10px;
    padding-left: 10px;
  }
}

.main {
  padding-top: 90px;

  .list {
    min-height: 40px;
    display: flex;
  }
}
</style>